me { width:200px; height:280px; perspective:1000px; cursor:pointer; margin:10px; display:inline-block; }
me .front, me .back {
    position:absolute; width:100%; height:100%; backface-visibility:hidden; transition:transform 0.6s;
    border-radius:10px; box-shadow:0 4px 8px rgba(0,0,0,0.1);
}
me .front { background: var(--tpl-front); }
me .back { background: var(--tpl-back); transform:rotateY(180deg); }
me.flipped .front { transform:rotateY(180deg); }
me.flipped .back { transform:rotateY(0deg); }
